<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file ="taglibs.jsp" %>
<%@include file="RolePowerManager.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	
  <link rel="stylesheet" href="${ctx}/css/common.css" type="text/css"></link>
  <link rel="stylesheet" href="${ctx}/css/reset.css" type="text/css"></link>
  <script type="text/javascript" src="${ctx}/js/transfer/transfer.js"></script>
  <script type="text/javascript" src="${ctx}/js/jquery-1.7.2.js"></script>
  <script type="text/javascript" src="${ctx}/js/jquery.easydrag.handler.beta2.js"></script>
 <script type="text/javascript" src="${ctx}/js/My97DatePicker/WdatePicker.js"></script>
 <script type='text/javascript' src='${ctx}/dwr/interface/LeaveTypeDAOImpl.js'></script>

 <script type='text/javascript' src='${ctx}/dwr/engine.js'></script>
	<script type='text/javascript' src='${ctx}/dwr/util.js'></script>
   <SCRIPT type=text/javascript>
    
    function getLeaveType(){
	LeaveTypeDAOImpl.getAll(callBack);
}
function callBack(data){
	
	var obj=document.getElementById("leave_T");
	DWRUtil.removeAllOptions(obj);
	DWRUtil.addOptions(obj,data,"id","tye");
}
function search()
{
	$("#searchform").submit();
}
</SCRIPT>
  </head>
  
  <body onload="getLeaveType()">
  	  <TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
			<TR height=28>
				<TD background=${ctx}/images/title_bg1.jpg style="FONT-SIZE: 12px;">
					当前位置:人事调配管理 >> 离职员工 >>查看离职记录
				</TD>
			</TR>
			<TR>
				<TD bgColor=#b1ceef height=1></TD>
			</TR>
			<TR height=20>
				<TD background=${ctx}/images/shadow_bg.jpg></TD>
			</TR>
		</TABLE>
		
	<form action="${ctx }/showLeave" method="post" id="searchform">
	  <div class="query" >
	  <div class="querytype">
	  	<label>查询条件：</label>
	  	离职类型：
		<select id="leave_T" name="keycode">
			
		</select>
	  </div>
	  <div class="querytime">
	  	
	  	<div class="querybtn" onclick="search()">
	  		<span class="STYLE1"><img src="${ctx}/images/a1.gif" width="9" height="9" /></span>
            <span class="STYLE1"> </span><a style="cursor: pointer;" onclick="search()">查询</a><span class="STYLE1"></span>
	  		
	  	</div>
	  	
      </div>
	  <div class="clear"></div>
	  </div>
	  </form>
	  
        <div class="bottom" ></div>
        <div id="main">
        <table id="detail_t">
          <tr>
            <th>序号</th>
            <th>员工编号</th>
            <th>离职类型</th>
            <th>离职原因</th>
            <th>离职时间</th>
          </tr>
          
          <c:forEach items="${page.list}" var="c" varStatus="st">
    			<tr class="items">
    			<td>${st.index+1}</td>
    				<td>${c.emp.empno}</td>
    				<td>${c.leaveType.tye}</td>
    				<td>${c.leavereason}</td>
    				<td>${c.leavetime}</td>
    		</tr>
    		</c:forEach>
    		
        </table>
			<div class="manu">共${page.totalCount}条记录当前第<font color="#ff6600">${page.pageNo}/${page.pageCount}</font>页
				 <a href="showLeave?pageNo=${1}">首页</a>
				  <a href="showLeave?pageNo=${page.pageNo-1}">上一页</a>
				  <a href="showLeave?pageNo=${page.pageNo+1}">下一页</a>
				  <a href="showLeave?pageNo=${page.pageCount}">末页</a> 每页显示<input type="text" id="pageSize" name="pageSize" size="4"/>条<input type="submit" value="提交" onclick="changePageSize_sleave()"/> 
			</div>
		</div>

  </body>

</html>
